@charset "utf-8";
/* CSS Document */
body{ font: 12px/22px "Microsoft YaHei";}
.container{
	width:100%;
}
/*******头部*******/
header{
	position:relative;
	height:90px;
	width:100%;
	min-width:1200px;
	display:none;
}
header .headerBox{
	width:100%;
	height:90px;
	line-height:90px;
}
header .headerBox h3{
	padding-left:22px;
	font-size:16px;
	font-weight:normal;
}

.header{
	position:relative;
	height:98px;
	width:100%;
	min-width:1000px;
	display:none;
}
.header .bg00aae7{
	float:left;
	width:35%;
	height:98px;
	background:#00aae7;
}
.header .bg0096cc{
	float:left;
	width:65%;
	height:98px;
	background:#0096cc;
}
.header .headerBox{
	position:absolute;
	left:50%;
	margin-left:-540px;
	width:1080px;
	height:98px;
}
.headerBox img{
	margin-top:22px;
	float:left;
}

/*******头部*******/
/*全局*/
textarea,input{	word-wrap:break-word;word-break:break-all;padding:0px; font-family:"Microsoft YaHei"; font-size:14px;}
select{ font-family:"Microsoft YaHei"; font-size:14px;}
.line{ height:2px; background:#FFF; position:relative;}
.line .triangle{ background:url(../images/login/triangle.png) no-repeat; width:28px; height:14px; position:absolute; left:50%; top:1px; margin-left:-14px;}




/*-----------登陆----------*/
.login{ background:#21aae1; margin-bottom: 40px;}
.loginBox{ margin:68px 0px 0px 375px;}
.Box-c{ margin-top:40px;}
.Box-t{width: 325px;}
.Box-t .logo{ background:url(../images/login/title.png) no-repeat; width:325px; height:46px; margin:0 auto;}
.loginBox .Box-c .form-group{ height:51px;}
.loginBox .Box-c .form-group .logincon{ float:left; width:325px;}
.loginBox .Box-c .form-group .logincon .id-h{background:url(../images/login/id-h.png) no-repeat;}
.loginBox .Box-c .form-group .logincon .id-b{background:url(../images/login/id-b.png) no-repeat;}
.loginBox .Box-c .form-group .logincon .name{ display:inline-block; position:absolute; left:0px; top:13px;  width:39px; height:24px }
.loginBox .Box-c .form-group .logincon .password-h{background:url(../images/login/password-h.png) no-repeat;}
.loginBox .Box-c .form-group .logincon .password-b{background:url(../images/login/password-b.png) no-repeat;}
.loginBox .Box-c .form-group .logincon .pass{display:inline-block; position:absolute; left:2px; top:13px;  width:39px; height:24px}
.loginBox .Box-c .form-group .logincon .input_all{ background-color:#FFF; border-top:1px solid #00aae7; padding-left:50px;vertical-align: middle;width: 275px;height:50px;}
.loginBox .Box-c .form-group .logincon .input_all .input{background-color:#FFF; border:0; *border:0; color: #000; font-size: 14px; width: 244px;height:30px;*height:29px;padding:11px 0px 9px 0px; outline:none; line-height:30px;}
.input-t{ border-radius:5px 5px 0 0 ;}.input-b{ border-radius: 0 0 5px 5px;}
.loginBox .Box-c .loginBtn{ margin-top:40px; }
.loginBox .Box-c .form-group .forgetpss{ width:290px; position:relative; margin-top:5px;}
.loginBox .Box-c .form-group .forgetpss a{ color:#FFF; font-size:14px;}
.loginBox .Box-c .form-group .forgetpss .pro{ position:absolute; right:5px; top:0px; color:#FFF; font-size:14px;}
.loginBox .Box-c .form-group .forgetpss .pro .memberPass{ height:16px; width:16px; margin-top:3px;}
.loginBox .Box-c .form-group .forgetpss .pro .memberlab{   vertical-align:middle;}
.loginBox .Box-c .form-group .logincon .line_290{ background:url(../images/login/line_290.png) no-repeat; width:290px; height:24px; }
.Box-c input.btn{width:325px; height:44px; color:#FFF; font-size:16px; background:#0076ad; line-height:44px; text-align:center; 
border:0px; border-radius:4px; }

.wrap{ width:100%; height:100%; overflow:hidden;}
.video-bar{
	position:relative;
}
.video-bar .videoPlayer100{ width:100%; height:100%;}
.video-bar .videoPlayer1{ width:1px; height:1px;}
.video-bar .whiteboard{
	width:100%;
	height:100%;
}
.wrap .video-plate{width:100%; height:47%;background:#000;}
.ad-bar{ position:relative; width:100%; height:50px; line-height:50px; font-size:16px;}
.ad-bar .ad-cont{ padding-left:22px;}
.ad-bar .ad-close{ position:absolute; right:10px; top:10px; width:30px; height:30px; cursor:pointer;}
.ad-bar .icon{
	 position:absolute; right:15px; top:0; display:block;color:#fff; font-size:15px; text-decoration:none;
}
.wrap .ad-bar .name{
	float:left;	
	height:100%;
}
.wrap .ad-bar .name{
	margin-left:10px;
}
.wrap .ad-bar .name img{
	height:40px;
	vertical-align:middle;
	margin:0px 4px 4px 0;
}
.ad-bar .fans-num{
	float:left;	
    padding-left: 20px;
    margin-left: 20px;
    color: #6e8299;
	background: url(../images/fans.png) no-repeat;
	background-position: left 15px;
}
.ad-bar .icon-video{ background:url(../images/icon4.png) no-repeat left; padding-left:22px;  }
.ad-bar .icon-courseware{ background:url(../images/icon3.png) no-repeat left; padding-left:24px; }
.wrap .title-bar{ width:100%; height:50px; line-height:50px;  font-size:14px;  font-weight:normal; overflow:hidden;}
.wrap .title-bar .name{
	float:left;	
	height:100%;
}
.wrap .title-bar .name{
	margin-left:10px;
}
.wrap .title-bar .name img{
	height:40px;
	vertical-align:middle;
	margin:0px 4px 4px 0;
}
.wrap .title-bar .fans-num{
	float:left;
	padding-left:20px;
	margin-left:20px;
	color:#6e8299;
	background-position:left 15px;
}
.wrap .title-bar .logo02{
	float:right;
	height:100%;
}
.wrap .title-bar .logo02 a{
	height:60%;
	display:block;
	margin-right:15px;
	margin-top:10px;
	overflow:hidden;
}
.wrap .title-bar .logo02 a img{
	display:block;
	height:100%;
	width:auto;
	vertical-align: middle;
	margin:0 auto;
}

.wrap .video-plate .player{ width:100%; height:100%; position:relative;background:#000;}
.wrap .video-plate .current{
	position:absolute;
	right:0;
	top:0;
	width:100%;
	height:100%;
	z-index:1000;
}
.wrap .video-plate .currentAndroid{
	position:absolute;
	right:0;
	top:0;
	width:100%;
	height:100%;
	z-index:-1;
}
.wrap .video-plate .video{ position:absolute; left:0; top:0; z-index:98;}
.wrap .video-plate .player .adImg{
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	background:#000;
	overflow:hidden;
	text-align:center;
	z-index:98;
}
.wrap .video-plate .player .timing{
	position:absolute;
	top:10px;
	right:10px;
	width:120px;
	height:30px;
	line-height:30px;
	background:url(../images/bg31.png) repeat;
	color:#fff;
	text-align:center;
	font-size:14px;
	z-index:99;
}
.wrap .video-plate .player .timing font{
	margin:0 3px;
	color:#F00;
}
.wrap .video-plate .player .adImg a{
	display:block;
	width:100%;
	height:100%;
}
.wrap .video-plate .player .adImg img{
	height:100%;
	width:auto;
}
.wrap .chat-plate{width:100%; height:63%; background:#283341; position:relative;}
.wrap .activity-tab{
	height:40px;
	overflow:hidden;
}
.wrap .activity-tab li {
	position: relative;
	float: left;
	width: 20%;
	height:40px;
	line-height:40px;
	text-align: center;
	font-size: 1.17em;
	cursor:pointer;
	word-break:break-all;
	word-wrap:break-word;
}
.wrap .activity-tab li .line{
	position:absolute;
	right:0; 
	top:0;
	width:1px;
	height:40px;
}

.wrap .activity-tab li img{
	height:20px;
	width:auto;
	vertical-align:middle;
	margin-bottom:5px;
	margin-right:3px;
}
.wrap .chat-plate .marqueebox{
	position:relative;
	width:100%;
	height:37px;
	line-height:37px;
	background:url(../images/bg31.png) repeat;
	overflow:hidden;
}
.wrap .chat-plate .marqueecont{
	float: left;
	width: 800%;
}
#marquee1, #marquee2, #marquee1 li, #marquee2 li {
	float: left;
	width: 500px;
	text-align:right;
}
 
.wrap .chat-plate .chatBox{ width:100%; height:543px; position:relative;}

#content section{ display:none;}
#content section.show{ display:block;}
 
#content section.scroll{
	height:100%;
	overflow-y:scroll;
}
#content .infor-cont{height:100%; overflow:hidden;}
#content .msg-chat{height:100%}
.msg-chat ul{padding:0px 5px; font-size:14px; overflow-y:auto;}
#msg-chat-list li{margin:0 auto;padding:5px 0;width:96%; word-wrap:break-word;font-size:1em;line-height:2em;unicode-bidi:bidi-override;word-break:break-all}
#msg-chat-list li .font1{}
#msg-chat-list li .font2{ margin-left:8px; color:#4f6075;}
#msg-chat-list li .font3{}
#msg-chat-list li .icon2{ width:25px; height:25px;margin:0 7px 5px 7px;}
#msg-chat-list li.no{text-align:center}
#msg-chat-list li .time{padding-right:5px;color:#666}
#msg-chat-list li .emoticon{margin-right:2px;margin-left:3px;width:24px;height:24px;border:0 none;vertical-align:middle;vertical-align:top\0}
#msg-chat-list li.girl .user-name,#msg-chat-list li.girl .user-name a{color:#d65b8a}
#msg-chat-list li.anchor,#msg-chat-list li.anchor .user-name{color:#d335eb}
#msg-chat-list li.horn{color:#ffdc18}
#msg-chat-list li.horn .user-name{color:#ffdc18}
#msg-chat-list li img{margin:0 3px 2px 2px;width:24px;height:24px;vertical-align:middle}
#msg-chat-list li.picture img{margin:0 3px 5px 12px; width:100px; height:100px; display:block;}

.videoBox  ul.list{
	overflow:hidden;
}
.videoBox  ul.list li{
	float:left;
	width:44%;
	padding:3% 0 0 4%;
}
.videoBox  ul.list li a{
	display:block;
	background:#000;
}
.videoBox  ul.list li video{
	display:block;
	width:100%;
	height:100%;
	border:0;
}
.videoBox  ul.list li img{
	display:block;
	width:100%;
	height:100%;
	border:0;
}
.videoBox  ul.list li p{
	line-height:28px;
	font-size:14px;
}

playTourlist ul.list{
	padding-right:10px;
	overflow:hidden;
}
.playTourlist  ul.list li{
	width:95%;
	height:50px;
	padding-right:5%;
	line-height:50px;
	font-size:14px;
}
.playTourlist  ul.list li .lab1{
	display:inline-block;
	width:15%;
	text-align:center;
}
.playTourlist  ul.list li .lab2{
	display:inline-block;
	width:70%;
}
.playTourlist  ul.list li .lab3{
	display:inline-block;
	width:15%;
	text-align:right;
}

.playTourlist  ul.list li .font2{
	margin-left:15px;
}

.intr-cont{
	padding:5%;
	font-size:14px;
	line-height:24px;
}


/**---聊天区域---**/
nav#chat{
	width:100%;
	padding:5px 0px 7px 0px;
	position:fixed;
	bottom:0;
	left:0;
	border-top: 1px solid #435466;
	z-index:9999;
}

nav#chat .smilebtn{
	float:left;
	width:11%;
	height:30px;
	background-size:contain;
	margin:6px 2% 7px 2%;
}
nav#chat .imgbtn{
	float:left;
	width:9%;
	height:30px;
	background:url(../images/imgBtn.png) no-repeat center center;
	background-size:contain;
	margin:7px 1%;
}
nav#chat .playTourbtn{
	float:left;
	width:11%;
	height:34px;
	background:url(../images/playTour.png) no-repeat center center;
	background-size:contain;
	margin:4px 2%;
}
nav#chat .sendbtn{
	display:block;
	float:right;
	width:12%;
	height:36px;
	margin:0px 3% 0px 0;
	border-radius:5px;
	margin-top:4px;
	font-size:14px;
	line-height:36px;
	text-align:center;
	text-decoration:none;
}
nav#chat .sendbtn:active{
	background:#ccc;
	border:solid 1px #ccc;
}
nav#chat .chattxt{
	float:left;
	width:50%;
	padding:7px 2%;
	border-radius:5px;
	min-height:22px;
	max-height:80px;
	line-height:20px;
	font-size:14px;
	margin-top:4px;
	resize: none;
	overflow-y:auto;
	cursor: text;
	word-wrap: break-word;
	word-break: break-all;
}
 
section#more{
	border-top:solid 1px #999999;
	height:90px;
	position:absolute;
	bottom:0;
	width:100%;
	background-color:#FFF;
}

.video-plate{ width:100%;}

/*表情*/
#expressionBox {
	position: absolute;
	width: 100%;
	min-height: 78px;
	bottom: 53px;
	left: 0;
	background-color: #FFFFFF;
	border-top:1px solid #b5b5b5;
	z-index: 999;
}

#expressionBox li {
	border: 1px solid #E8E8E8;
	cursor: pointer;
	float: left;
	overflow: hidden;
	padding: 2px;
	text-align: center;
	width: 26px;
}

#expressionBox img {
	width: 26px;
	height: 26px;
	border: 0;
	vertical-align: top;
}

#expressionBox ul {
	margin: 6px 0px 0px 12px;
}
/*----自定义滚动条-----*/
::-webkit-scrollbar {
	width: 4px;
}
 
/* Track */
::-webkit-scrollbar-track {
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	-webkit-border-radius: 10px;
	border-radius: 10px;
}
 
/* Handle */
::-webkit-scrollbar-thumb {
	-webkit-border-radius: 10px;
	border-radius: 10px;
	background: rgba(201,201,201,0.8);
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5);
}

::-webkit-scrollbar-thumb:window-inactive {
	background: rgba(201,201,201,0.4);
}

.test-container .test-content .header {
	padding: 5% 1%;
}

/*-----弹出框----*/
.dialogBox {
	position:absolute;
	top: -170px;
	left: 50%;
	width: 300px;
	height:auto;
	margin-left:-150px;
	outline: medium none;
	font-size: 14px;
	z-index: 1050;
}
.dialogBox section{ display:none;}
.dialogBox .dialog1{
	background:url(../images/ptBg.png) no-repeat;
	background-size:100%;
	width:250px;
	height:318px;
	margin:0 auto;

}
.dialogBox .dialog1 .ulList1{
	width:90%;
	margin:0 4% 0 6%;
	padding-top:155px;
	overflow:hidden;
}
.dialogBox .dialog1 .ulList1 li{
	height:35px;
	line-height:35px;
	margin-bottom:15px;
}
.dialogBox .dialog1 .ulList1 li span{
	display:inline-block;
	width:29%;
	height:100%;
	margin-right:4%;
	background:#FFF;
	text-align:center;
	cursor:pointer;
	border-radius:4px;
}
.dialogBox .dialog1 .ulList1 li span.last{
	margin-right:0;
}
.dialogBox .dialog1 .ulList1 li span.cur{
	background:#f4eb38;
	color:#db4d39;
}
.dialogBox .dialog1 .ulList1 li .input{
	width:96%;
	height:35px;
	padding-left:3%;
	border:0;
	border-radius:4px;
}
.dialogBox .dialog1 .ulList2{
	width: 100%;
    height: 52px;
    margin-top: 11px;
}
.dialogBox .dialog1 .ulList2 li{
	float:left;
	width:50%;
	height:100%;	
}
.dialogBox .dialog1 .ulList2 li a{
	display:block;
	width:100%;
	height:100%;
	line-height:52px;
	color:#fff;
	text-align:center;
	text-decoration:none;
}
.dialogBox .dialog1 .ulList2 li.cur a{
	background:#b6472e;
	text-decoration:none;
}
.dialogBox .dialog2{
	position: relative;
	background:#fff;
	width:250px;
	height:318px;
	margin:0 auto;

}
.dialog2 .closeBtn{ position:absolute; top:5px; right:5px; background:url(../images/close.png) no-repeat; width:14px; height:14px; cursor:pointer;}
.dialogBox .dialog2 .ulList1{
	position:relative;
	width:80%;
	padding:5% 10% 7%;
	border-top:1px solid #bdbec1;
}
.dialogBox .dialog2 .ulList1 li{
	padding:10px 0;
	width:100%;
}
.dialogBox .dialog2 .ulList1 li.li-or{
	position:absolute;
	left:50%;
	top:-5%;
	background:url(../images/or.png) no-repeat;
	width:21px;
	height:21px;
	margin-left:-11px;
	margin-top:-5px;
}
.dialogBox .dialog2 .ulList1 li .input{
	width:95%;
	height:35px;
	line-height:35px;
	padding-left:4%;
	border:1px solid #1da8e1;
	border-radius:5px;
}
.dialogBox .dialog2 .ulList1 li a.button{
	display:block;
	width:99%;
	height:35px;
	line-height:35px;
	border:1px solid #1da8e1;
	background:#fff;
	border-radius:5px;
	text-align:center;
	text-decoration:none;
	color:#000;
}
.dialogBox .dialog2 .ulList1 li a.button:active{
	background:#1da8e1;
	color:#fff;
}
.dialogBox .dialog2 .loginWay{
	width:80%;
	padding:10%;
}
.dialogBox .dialog2 .loginWay h4{
	color:#000;
	font-size:16px;
	text-align:center;
}
.dialogBox .dialog2 .loginWay .ulList2{
	overflow:hidden;
	margin-top:10px;
}
.dialogBox .dialog2 .loginWay .ulList2 li{
	width:100%;
	text-align:center;
}
.dialogBox .dialog2 .loginWay .ulList2 li a{
	display:block;
	font-size:12px;
	color:#000;
	text-decoration:none;
	margin:5px 8px;
}
.dialogBox .dialog2 .loginWay .ulList2 li a img{
	display:block;
	width:120px;
	height:24px;
	margin:15px auto 10px;
}
.dialogBox .dialog3{
	background:#FFF;
}
.dialogBox .dialog3 p{
	padding:20px;
	font-size:16px;
	color:#000;
	text-align:center;
	border-bottom:1px solid #bdbec1;
}
.dialogBox .dialog3 a{
	display:block;
	padding:20px;
	font-size:16px;
	color:#1da8e1;
	text-align:center;
}

/*微信扫一扫*/
.dialog4{
	position:relative;
  	overflow:auto;
  	width: 232px;
  	min-height: 250px;
	margin:0 auto;
  	_zoom:1;*zoom:1;_display:inline;*display:inline;-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;-webkit-box-shadow:0 0 20px rgba(0,0,0,0.75);-moz-box-shadow:0 0 20px rgba(0,0,0,0.75);box-shadow:0 0 20px rgba(0,0,0,0.75);border:solid 1px rgba(0,0,0,0.2);padding:8px;text-align:left;
}

.dialog4 .dialog4-con{width:212px; background:#FFF; text-align:center; padding:30px 10px 20px 10px;}
.dialog4 .dialog4-con .closeBtn{ background:url(../images/close.png) no-repeat; width:14px; height:14px; position:absolute; top:15px; right:20px;}
.dialog4 .dialog4-con h2{ margin-top:15px; font-size:16px;}
.dialog4 .dialog4-con img{ display:block; width:180px; height:180px;  margin:0 auto;}

@media screen and (min-width:1200px){
	header{ display:block; width:1200px; margin:0 auto;}
	.live{ margin-top:1px; width:1200px; margin: 0 auto;border-bottom:1px solid #0b8ffe;}
	.wrap{}
	.wrap .title-bar .fans-num{background-position:left 24px;}
	.wrap .video-plate{ float:left; width:768px;}
	.wrap .video-plate .player{ position:relative; width:100%; height:100%;}

	.wrap .chat-plate{ float:right; width:432px;}
	.wrap .chat-plate h3{ width:100%; height:44px; line-height:44px; background:#fff; border-bottom:1px solid #dddcdc; font-size:16px; color:#3e3e3e; font-weight:normal; overflow:hidden;}
	.wrap .chat-plate h3 .name img{
		width:32px;
		height:32px;
		vertical-align:middle;
		margin-bottom:3px;
	}
	.wrap .chat-plate .chatBox{ width:100%; height:520px;}
	.wrap .activity-tab{
		height:49px;
		overflow:hidden;
	}
	.wrap .activity-tab li{
		height:50px;
		line-height:50px;
	}
	.wrap .activity-tab li .line{
		height:50px;
	}
	.chatBox nav#chat{ position:absolute;}
	.wrap .title-bar{ height:68px; line-height:68px;}
	.wrap .title-bar .name{ margin-left:15px;}
	.wrap .title-bar .name img{
		
	}
	
	.wrap .title-bar .logo02 a {
		height:50%;
		margin-top:17px;
	}
	.dialogBox {
		top: 100px;
	}
	.wrap .video-plate .current{
		position:absolute;
		right:0;
		top:0;
		width:180px;
		height:100px;
	}
	nav#chat{
		padding: 12px 0px 13px 0px;
	}
}

@media screen and (min-width:1080px){
	.header{ display:block;}
	.video-plate{ width:1080px; margin:0 auto;}
}